﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage/MasterPage1.master" AutoEventWireup="true" CodeFile="Khampha.aspx.cs" Inherits="Khampha" Title="Khám Phá Thế Giới Ẩm Thực" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="CSS/default.css" rel="stylesheet" type="text/css" />
    <link href="CSS/nivo-slider.css" rel="stylesheet" type="text/css" />
    <script src="JS/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script src="JS/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="JS/jquery.MyThumbnail.js" type="text/javascript"></script>
    <link href="CSS/MyThumbnail.css" rel="stylesheet" type="text/css" />
    <link href="CSS/news.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        #menu-container ul li#khampha a
        {
            color:#ffffff;
            width:146px;
            line-height:49px;
            font-size:14px;
            font-weight:bold;
            text-decoration:none;
            display:block;
            background-image:url(Images/menu-bg_hover.jpg);
            background-repeat:repeat-x; 
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);    
            behavior: url(CSS/PIE.htc);  
            box-shadow:0\9;    
             }
             .mappath
             {
                margin:0;
             }
             #footer
             {
                bottom:-20px;
             }
            

    </style>
    <script type="text/javascript">
        $(document).ready(function(e) {
        $('#recent-new ul li:last-child').css({ 'border-bottom': '0' });
        });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="clearfix">
<div id="left-pane">
    <div id="home-slide">
          <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <asp:Repeater ID="rptSlideImage" runat="server">
                    <ItemTemplate>
                        <a href='<%#"chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>'><img alt='<%#Eval("TieuDe") %>' src='<%#Eval("DuongDan") %>' title='<%#"#"+Eval("News_SlideID") %>' /></a>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <asp:Repeater ID="rptSlideDes" runat="server">
                    <ItemTemplate>
                        <div id='<%#Eval("News_SlideID") %>' class="nivo-html-caption">
                <p style="font-size:14px;font-weight:bold"><%#Eval("TieuDe") %></p>
                <p style="font-size:14px;"><%#Eval("MoTa") %></p>
            </div>
                    </ItemTemplate>
                </asp:Repeater>
            
        </div>
    </div><div id="post-wrapper">
     <div id="mon-ngon-moi-ngay">
        <div class="clearfix" style="position:relative">
            <div class="header-right">
            <p class="title">Món Ngon Mỗi Ngày</p>
            </div>
            <div class="header-left"></div>
        </div>
        <div class="clearfix" style="margin-top:48px;">
            <div class="newest-news">
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                        <img alt="" width="150" height="150" src='<%# Eval("HinhDaiDien") %>' style="float:left;margin:3px;margin-right:6px;" />
                        <h2><a href='<%#"chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>'><%# Eval("TieuDe") %></a></h2>
                        <p style="margin-top:5px"><span class="date-post"><%# Eval("NgayTao") %></span><span class="post-user"><%# Eval("TenHienThi") %></span></p>
                        <p class="mo-ta-tin"><%# Eval("MoTa") %></p>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <div class="other-news">
                <ul>
                    <asp:Repeater ID="Repeater2" runat="server">
                        <ItemTemplate>
                            <li class="clearfix">
                                <img alt="" width="34" height="34" src='<%# Eval("HinhDaiDien") %>' />
                                <a href='<%# "chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>'><%# Eval("TieuDe") %></a>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
                    <div class="view-all-news"><a href="#">Xem thêm »</a></div>
     </div>  
     <div id="suc-khoe-dinh-duong">
        <div class="clearfix" style="position:relative">
            <div class="header-right">
            <p class="title">Dinh Dưỡng Và Sức Khỏe</p>
            </div>
            <div class="header-left"></div>
        </div>
        <div class="clearfix" style="margin-top:48px;">
            <div class="newest-news">
                <asp:Repeater ID="Repeater3" runat="server">
                    <ItemTemplate>
                        <img alt="" width="150" height="150" src='<%# Eval("HinhDaiDien") %>' style="float:left;margin:3px;margin-right:6px;" />
                        <h2><a href='<%#"chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>'><%# Eval("TieuDe") %></a></h2>
                        <p style="margin-top:5px"><span class="date-post"><%# Eval("NgayTao") %></span><span class="post-user"><%# Eval("TenHienThi") %></span></p>
                        <p class="mo-ta-tin"><%# Eval("MoTa") %></p>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <div class="other-news">
                <ul>
                    <asp:Repeater ID="Repeater4" runat="server">
                        <ItemTemplate>
                            <li class="clearfix">
                                <img alt="" width="34" height="34" src='<%# Eval("HinhDaiDien") %>' />
                                <a href='<%# "chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>'><%# Eval("TieuDe") %></a>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <div class="view-all-news"><a href="#">Xem thêm »</a></div>
     </div>
     <div id="phong-cach-am-thuc">
        <div class="clearfix" style="position:relative">
            <div class="header-right">
            <p class="title">Ẩm Thực Bốn Phương</p>
            </div>
            <div class="header-left"></div>
        </div>
        <div class="clearfix" style="margin-top:48px">
            <div class="newest-news">
                <asp:Repeater ID="Repeater5" runat="server">
                    <ItemTemplate>
                        <img alt="" width="150" height="150" src='<%# Eval("HinhDaiDien") %>' style="float:left;margin:3px;margin-right:6px;" />
                        <h2><a href='<%#"chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>'><%# Eval("TieuDe") %></a></h2>
                        <p style="margin-top:5px"><span class="date-post"><%# Eval("NgayTao") %></span><span class="post-user"><%# Eval("TenHienThi") %></span></p>
                        <p class="mo-ta-tin"><%# Eval("MoTa") %></p>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <div class="other-news">
                <ul>
                    <asp:Repeater ID="Repeater6" runat="server">
                        <ItemTemplate>
                            <li class="clearfix">
                                <img alt="" width="34" height="34" src='<%# Eval("HinhDaiDien") %>' />
                                <a href='<%# "chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>'><%# Eval("TieuDe") %></a>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <div class="view-all-news"><a href="#">Xem thêm »</a></div>
     </div>
     </div>
</div>
<div id="right-pane">
    <div id="hot-news">
        <div id="header-bg">
        <span>Cẩm nang ẩm thực</span>
        </div>
        <div id="hot-news-line"></div>
        <div id="hot-news-content">
                <ul>
                    <asp:Repeater ID="rptTopHotNews" runat="server">
                <ItemTemplate>
                    <li>
                        <div class="clearfix">
                            <div id="hot-news-content_img">
                              <div class='thumbnailList1'><img  alt=""  src='<%# Eval("HinhDaiDien") %>' /></div>
                            </div>
                            <div id="hot-news-content_right-wrapper">
                                <div>
                                    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%#"chi-tiet-tin.aspx?BaiVietID="+Eval("BaiVietID") %>' Text='<%#Eval("TieuDe") %>'></asp:HyperLink>
                                </div>
                                <div style="margin-bottom:0;position:absolute;bottom:0;right:0">
                                    <img alt="" src="Images/submitted_date_bullet.png" /><span style="margin-right:8px;margin-left:5px;"><%#Eval("NgayTao") %></span>
                                <span style="margin-right:8px;">Đăng bởi</span><a class="username" href='<%#"User/thong-tin-thanh-vien.aspx?UserID="+Eval("UserID") %>'><%#Eval("TenHienThi")%></a> 
                                </div>
                            </div>
                        </div>
                    </li>
                </ItemTemplate>
            </asp:Repeater>
                </ul>
            
        </div>
    </div>
   <div id="top-poster">
        <div id="top-poster-header"><span>Thành Viên Đăng Bài</span></div>
        <div id="top-post-header-content">
           
            <ul class="clearfix">
                 <asp:Repeater ID="rptTopPoster" runat="server">
                <ItemTemplate>
                    <li>
                        <a href='<%# "User/thong-tin-thanh-vien.aspx?UserID="+Eval("UserID") %>'><img alt='<%# Eval("Email") %>' width="50" height="50" src='<%# "Images/UserAvatar/"+ Eval("HinhDaiDien") %>' /></a>
                        <a class="displayname" href='<%# "User/thong-tin-thanh-vien.aspx?UserID="+Eval("UserID") %>'><%# Eval("TenHienThi") %></a>
                    </li>
                </ItemTemplate>
            </asp:Repeater>
            </ul>
        </div>
   </div>
   
    <div id="facebook-plugin" style="margin-top:5px;">
        <div class="fb-like-box" data-href="http://www.facebook.com/Phoamthuc.net" data-width="288" data-show-faces="true" data-border-color="#dfdfdf" data-stream="false" data-header="true"></div>
    </div>
</div>
</div>
    <a href="dang-bai.aspx" title="Đăng Bài" class="post-button"></a>
    <script type="text/javascript">
        $(".thumbnailList1 img").MyThumbnail({
            thumbWidth: 50,
            thumbHeight: 50,
            imageDivClass: "myPic"
        });
        
    </script>
    <script src="JS/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider(
        {
            effect: 'fade',
            pauseTime: 5000
        });
        });
    </script>
    <script type="text/javascript">        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));</script>
</asp:Content>

